import React, { useState } from 'react'
import { getMsg } from '../../api/login'

function Msg () {
  
  const [pages, setpages] = useState([])

  const gets = () => {
    getMsg().then(res => {
      console.log(res);
      setpages(res.data.books)
    })
  }


  return (
    <div onClick={gets}>
      55454
      {
        pages.map((item, index) => {
          return (
            <div>
              { item.name }----{ index }
            </div>
          )
        })
      }
    </div>
  )
}

export default Msg